<template>
  <div class="home">
    <img alt="Vue logo" src="../assets/logo.png" />
    {{ aaa }}
    <HelloWorld :msg="msg" />
    鼠标当前位置：{{ x }}, {{ y }}
  </div>
</template>

<script setup>
import { ref } from 'vue';
import HelloWorld from '@/components/HelloWorld.vue'
import { useMouse } from '@/hooks/useMouse'


const msg = ref('Welcome to Your Vue.js App');
const { x, y } = useMouse();
</script>
